@media only screen and (max-width: 480px) {
    .show_in_mobile {
        display: block;
    }
    .hide_in_mobile {
        display: none;
    }
    #header .menu-bar .logo img {
        width: 200px;
    }
    .hero_section .content {
        justify-content: space-between;
        flex-direction: column-reverse
    }
    .hero_section .content h1 {
        font-size: 48px;
    }
    .roadmap .width_35 {
        width: 100%;
    }
    .box_theme {
        margin: 15px 0;
    }
    .hide_mobile {
        display: none;
    }
    .empty_box {
        height: 0;
    }
    .meet_team .content .block {
        width: 100%;
    }
    footer p {
        font-size: 18px;
    }
    footer .row .menu_link li {
        width: 100%;
    }
    nav ul {
        flex-direction: column;
    }
}